<!DOCTYPE html>
<html>

<head>
	<title>用户统计表</title>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="stylesheet" href="../../css/bootstrap.min.css">
	<link rel="stylesheet" href="../../css/font-awesome.min.css">
	<link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
	<link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
	<link rel="stylesheet" href="../../css/main.css">
	<script src="../../libs/jquery.min.js"></script>
	<script src="../../plugins/layer/layer.js"></script>
	<script src="../../libs/bootstrap.min.js"></script>
	<script src="../../libs/vue.min.js"></script>
	<script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
	<script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
	<script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
	<script src="../../js/common.js"></script>
	<style>
		#jqGrid tr td {
			height: auto;
			white-space: normal !important;
			vertical-align: text-top;
			padding-top: 2px;
			word-break: break-all;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div v-show="showList">
			<div class="grid-btn">
				<select v-model="gridSearch" @change="onSelect" style="width:100px;height: 30px;margin: 5px;">
					<option value="">请选择课程</option>
					<option v-for="item in kindList" v-bind:value="item.id" v-text="item.name"></option>
				</select>
				<a id="exportBtn" class="btn btn-primary" @click="exportExcel"><i
						class="fa fa-file-excel-o"></i>&nbsp;全部导出</a>

				<!-- <a v-if="hasPermission('course:acstatisticsuser:save')" class="btn btn-primary" @click="add"><i
						class="fa fa-plus"></i>&nbsp;新增</a>
				<a v-if="hasPermission('course:acstatisticsuser:update')" class="btn btn-primary" @click="update"><i
						class="fa fa-pencil-square-o"></i>&nbsp;修改</a>-->
				<a v-if="hasPermission('course:acstatisticsuser:delete')" class="btn btn-primary" @click="clearStatisticsData"><i
						class="fa fa-trash-o"></i>&nbsp;清理用户数据和统计数据</a> 
			</div>
			<table id="jqGrid"></table>
			<div id="jqGridPager"></div>
		</div>

		<div v-show="!showList" class="panel panel-default">
			<div class="panel-heading">{{title}}</div>
			<form class="form-horizontal">
				<div class="form-group">
					<div class="col-sm-2 control-label">用户id</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.userId" placeholder="用户id" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">手机号</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.mobile" placeholder="手机号" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">课程编号</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.courseCode"
							placeholder="课程编号 第一节、第七节" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">是否完课</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.courseFinish"
							placeholder="状态" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">选项选中数量</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.itemCount"
							placeholder="选项选中数量" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">学习时长</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.studayTime"
							placeholder="学习时长" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">作业评分</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.homeworkScore"
							placeholder="作业评分" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">知识总结评分</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.knowledgeSummaryScore"
							placeholder="知识总结评分" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">愉悦度评分</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.pleasureScore"
							placeholder="愉悦度评分" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">投入度评分</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.engagementScore"
							placeholder="投入度评分" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">完成作业的信心评分</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.confidenceScore"
							placeholder="完成作业的信心评分" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">创建者</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.createBy" placeholder="创建者" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">创建时间</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.createTime"
							placeholder="创建时间" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">更新者</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="acStatisticsUser.updateBy" placeholder="更新者" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label"></div>
					<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定" />
					&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回" />
				</div>
			</form>
		</div>
	</div>

	<script src="../../js/modules/course/acstatisticsuser.js"></script>
</body>

</html>